<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" content="width=device-width" />

  <title>Cadastro</title>
  
  <!-- Included CSS Files (Uncompressed) -->
  <!--
  <link rel="stylesheet" href="stylesheets/foundation.css">
  -->
  
  <!-- Included CSS Files (Compressed) -->
  <link rel="stylesheet" href="stylesheets/foundation.css">
  <link rel="stylesheet" href="stylesheets/app.css">
  <link rel="stylesheet" href="stylesheets/estilo.css">

  <script src="javascripts/modernizr.foundation.js"></script>
</head>
<body>
  
  <!-- Header and Nav -->
  <header>
    <div class="row">
      <div class="three columns">
        <h1><img src="./images/logo.png"></h1>
      </div>
      <div class="five columns">
        <ul class="nav-bar right">
          <li><a href="#">Cadastro</a></li>
          <li><a href="#">Contatos</a></li>
        </ul>
      </div>
      
      <div class="four columns">
        <ul class="inline-list right" style="margin-top: 18px;">
          <li>Seja bem vindo(a)<a class="login" href="singin_singup.html" rel="nofollow">Entrar</a></li>
        </ul>
      </div>  
    </div>
  </header>
  
  <!-- End Header and Nav -->


  
  
  <!-- First Band (Slider) -->
  <!-- The Orbit slider is initialized at the bottom of the page by calling .orbit() on #slider -->
    
   
  <!-- Three-up Content Blocks -->
  
  <div class="row">
        <div class="six columns centered">
          <h5>Crie a sua conta</h5>
            <form class="panel">
                <h6>SUAS INFORMAÇÕES PESSOAIS</h6>

                <label><strong>Nome:</strong>*</label>
                <input type="text" placeholder="" required/>

                <label><strong>Sobrenome:</strong>*</label>
                <input type="text" placeholder="" required/>

                <label><strong>Email:</strong>*</label>
                <input type="email" placeholder="seuemail@email.com" required/>

                <label><strong>Senha:</strong>*</label>
                <input type="password" placeholder="4 a 8 digitos" required/>

                <div class="four">
                </div>
                <label><strong>Data de nascimento:</strong>*</label>
                <select id="days" class="two" name="days">
                  <option value="">-</option>
                  <option value="1">1&nbsp;&nbsp;</option>
                  <option value="2">2&nbsp;&nbsp;</option>
                  <option value="3">3&nbsp;&nbsp;</option>
                  <option value="4">4&nbsp;&nbsp;</option>
                  <option value="5">5&nbsp;&nbsp;</option>
                  <option value="6">6&nbsp;&nbsp;</option>
                  <option value="7">7&nbsp;&nbsp;</option>
                  <option value="8">8&nbsp;&nbsp;</option>
                  <option value="9">9&nbsp;&nbsp;</option>
                  <option value="10">10&nbsp;&nbsp;</option>
                  <option value="11">11&nbsp;&nbsp;</option>
                  <option value="12">12&nbsp;&nbsp;</option>
                  <option value="13">13&nbsp;&nbsp;</option>
                  <option value="14">14&nbsp;&nbsp;</option>
                  <option value="15">15&nbsp;&nbsp;</option>
                  <option value="16">16&nbsp;&nbsp;</option>
                  <option value="17">17&nbsp;&nbsp;</option>
                  <option value="18">18&nbsp;&nbsp;</option>
                  <option value="19">19&nbsp;&nbsp;</option>
                  <option value="20">20&nbsp;&nbsp;</option>
                  <option value="21">21&nbsp;&nbsp;</option>
                  <option value="22">22&nbsp;&nbsp;</option>
                  <option value="23">23&nbsp;&nbsp;</option>
                  <option value="24">24&nbsp;&nbsp;</option>
                  <option value="25">25&nbsp;&nbsp;</option>
                  <option value="26">26&nbsp;&nbsp;</option>
                  <option value="27">27&nbsp;&nbsp;</option>
                  <option value="28">28&nbsp;&nbsp;</option>
                  <option value="29">29&nbsp;&nbsp;</option>
                  <option value="30">30&nbsp;&nbsp;</option>
                  <option value="31">31&nbsp;&nbsp;</option>
                </select>
                
                <select id="months" class="two" name="months">
                    <option value="">-</option>
                    <option value="1">Janeiro&nbsp;</option>
                    <option value="2">Fevereiro&nbsp;</option>
                    <option value="3">Março&nbsp;</option>
                    <option value="4">Abril&nbsp;</option>
                    <option value="5">Maio&nbsp;</option>
                    <option value="6">Junho&nbsp;</option>
                    <option value="7">Julho&nbsp;</option>
                    <option value="8">Agosto&nbsp;</option>
                    <option value="9">Setembro&nbsp;</option>
                    <option value="10">Outubro&nbsp;</option>
                    <option value="11">Novembro&nbsp;</option>
                    <option value="12">Dezembro&nbsp;</option>
                </select>

                <select id="years" class="two" name="years">
                  <option value="">-</option>
                  <option value="2013">2013&nbsp;&nbsp;</option>
                  <option value="2012">2012&nbsp;&nbsp;</option>
                  <option value="2011">2011&nbsp;&nbsp;</option>
                  <option value="2010">2010&nbsp;&nbsp;</option>
                  <option value="2009">2009&nbsp;&nbsp;</option>
                  <option value="2008">2008&nbsp;&nbsp;</option>
                  <option value="2007">2007&nbsp;&nbsp;</option>
                  <option value="2006">2006&nbsp;&nbsp;</option>
                  <option value="2005">2005&nbsp;&nbsp;</option>
                  <option value="2004">2004&nbsp;&nbsp;</option>
                  <option value="2003">2003&nbsp;&nbsp;</option>
                  <option value="2002">2002&nbsp;&nbsp;</option>
                  <option value="2001">2001&nbsp;&nbsp;</option>
                  <option value="2000">2000&nbsp;&nbsp;</option>
                  <option value="1999">1999&nbsp;&nbsp;</option>
                  <option value="1998">1998&nbsp;&nbsp;</option>
                  <option value="1997">1997&nbsp;&nbsp;</option>
                  <option value="1996">1996&nbsp;&nbsp;</option>
                  <option value="1995">1995&nbsp;&nbsp;</option>
                  <option value="1994">1994&nbsp;&nbsp;</option>
                  <option value="1993">1993&nbsp;&nbsp;</option>
                  <option value="1992">1992&nbsp;&nbsp;</option>
                  <option value="1991">1991&nbsp;&nbsp;</option>
                  <option value="1990">1990&nbsp;&nbsp;</option>
                  <option value="1989">1989&nbsp;&nbsp;</option>
                  <option value="1988">1988&nbsp;&nbsp;</option>
                  <option value="1987">1987&nbsp;&nbsp;</option>
                  <option value="1986">1986&nbsp;&nbsp;</option>
                  <option value="1985">1985&nbsp;&nbsp;</option>
                  <option value="1984">1984&nbsp;&nbsp;</option>
                  <option value="1983">1983&nbsp;&nbsp;</option>
                  <option value="1982">1982&nbsp;&nbsp;</option>
                  <option value="1981">1981&nbsp;&nbsp;</option>
                  <option value="1980">1980&nbsp;&nbsp;</option>
                  <option value="1979">1979&nbsp;&nbsp;</option>
                  <option value="1978">1978&nbsp;&nbsp;</option>
                  <option value="1977">1977&nbsp;&nbsp;</option>
                  <option value="1976">1976&nbsp;&nbsp;</option>
                  <option value="1975">1975&nbsp;&nbsp;</option>
                  <option value="1974">1974&nbsp;&nbsp;</option>
                  <option value="1973">1973&nbsp;&nbsp;</option>
                  <option value="1972">1972&nbsp;&nbsp;</option>
                  <option value="1971">1971&nbsp;&nbsp;</option>
                  <option value="1970">1970&nbsp;&nbsp;</option>
                  <option value="1969">1969&nbsp;&nbsp;</option>
                  <option value="1968">1968&nbsp;&nbsp;</option>
                  <option value="1967">1967&nbsp;&nbsp;</option>
                  <option value="1966">1966&nbsp;&nbsp;</option>
                  <option value="1965">1965&nbsp;&nbsp;</option>
                  <option value="1964">1964&nbsp;&nbsp;</option>
                  <option value="1963">1963&nbsp;&nbsp;</option>
                  <option value="1962">1962&nbsp;&nbsp;</option>
                  <option value="1961">1961&nbsp;&nbsp;</option>
                  <option value="1960">1960&nbsp;&nbsp;</option>
                  <option value="1959">1959&nbsp;&nbsp;</option>
                  <option value="1958">1958&nbsp;&nbsp;</option>
                  <option value="1957">1957&nbsp;&nbsp;</option>
                  <option value="1956">1956&nbsp;&nbsp;</option>
                  <option value="1955">1955&nbsp;&nbsp;</option>
                  <option value="1954">1954&nbsp;&nbsp;</option>
                  <option value="1953">1953&nbsp;&nbsp;</option>
                  <option value="1952">1952&nbsp;&nbsp;</option>
                  <option value="1951">1951&nbsp;&nbsp;</option>
                  <option value="1950">1950&nbsp;&nbsp;</option>
                  <option value="1949">1949&nbsp;&nbsp;</option>
                  <option value="1948">1948&nbsp;&nbsp;</option>
                  <option value="1947">1947&nbsp;&nbsp;</option>
                  <option value="1946">1946&nbsp;&nbsp;</option>
                  <option value="1945">1945&nbsp;&nbsp;</option>
                  <option value="1944">1944&nbsp;&nbsp;</option>
                  <option value="1943">1943&nbsp;&nbsp;</option>
                  <option value="1942">1942&nbsp;&nbsp;</option>
                  <option value="1941">1941&nbsp;&nbsp;</option>
                  <option value="1940">1940&nbsp;&nbsp;</option>
                </select>  

                <p></p>
                <label for="checkbox3"><input type="checkbox"  id="checkbox3"> Inscreva-se na nossa mala direta</label>
                <label for="checkbox3"><input type="checkbox"  id="checkbox3"> Receber ofertas especiais dos nossos parceiros</label>
            </form>

             <button class="button alert right"  type="submit">Entrar</button>
        </div>
  </div>

  
   
  
  <!-- Footer -->
  
  <footer>
    <div class="row">
      <div class="twelve columns">
        <hr />
        <div class="row">
          <div class="six columns">
            <p>&copy; Copyright no one at all. Go to town.</p>
          </div>
          
        </div>
      </div> 
    </div>
  </footer>
  
  <!-- Included JS Files (Uncompressed) -->
  <!--
  
  <script src="javascripts/jquery.js"></script>
  
  <script src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
  
  <script src="javascripts/jquery.foundation.forms.js"></script>
  
  <script src="javascripts/jquery.event.move.js"></script>
  
  <script src="javascripts/jquery.event.swipe.js"></script>
  
  <script src="javascripts/jquery.foundation.reveal.js"></script>
  
  <script src="javascripts/jquery.foundation.orbit.js"></script>
  
  <script src="javascripts/jquery.foundation.navigation.js"></script>
  
  <script src="javascripts/jquery.foundation.buttons.js"></script>
  
  <script src="javascripts/jquery.foundation.tabs.js"></script>
  
  <script src="javascripts/jquery.foundation.tooltips.js"></script>
  
  <script src="javascripts/jquery.foundation.accordion.js"></script>
  
  <script src="javascripts/jquery.placeholder.js"></script>
  
  <script src="javascripts/jquery.foundation.alerts.js"></script>
  
  <script src="javascripts/jquery.foundation.topbar.js"></script>
  
  <script src="javascripts/jquery.foundation.joyride.js"></script>
  
  <script src="javascripts/jquery.foundation.clearing.js"></script>
  
  <script src="javascripts/jquery.foundation.magellan.js"></script>
  
  -->
  
  <!-- Included JS Files (Compressed) -->
  <script src="javascripts/jquery.js"></script>
  <script src="javascripts/foundation.min.js"></script>
  
  <!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script>

  <script type="text/javascript">
     $(window).load(function() {
         $('#slider').orbit();
     });
  </script>
</body>
</html>
